<script setup lang="ts">
import PageFooter from "@/components/page-footer/index.vue";
import PageHeader from "@/components/page-header/index.vue";
import Banner from "./components/banner.vue";
import News from "./components/news.vue";
import Custom from "@/views/home/components/custom.vue";
import Server from "@/views/home/components/server.vue";
</script>

<template>
  <page-header/>
  <!--banner-->
  <banner />
  <!--商业内容-->
  <custom />
  <!--商业内容-->
  <server />
  <!--关于我们-->
  <div class="wrap about">
    <div class="wrap__content">
      <p class="title">关于我们</p>
      <p class="text">以“高科技、数字化”为发展理念，为中国社会提供“建设更安全、发电更高效、运维更稳定”的分布式光伏发电站，助力国家双碳战略，提供智能平台、开发投资、设计建设、运营维护等全生命周期整体解决方案，为客户提供智慧能源服务。</p>
    </div>
  </div>

  <div class="wrap num">
    <div class="wrap__content">
      <img class="bg" src="../../assets/images/home/num-bg.jpg">
    </div>
  </div>
  <!--最新动态-->
  <news />
  <page-footer />
</template>

<style scoped lang="scss">
.wrap{
  width: 100%;
  &__content{
    width: 100%;
    max-width: var(--page-max-width);
    margin: 0 auto;
    background: #fff;
    color: #000;
  }
}

.about{
  text-align: center;
  padding-bottom: 74px;
  margin-top: 105px;
  .title{
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    color: #2C75F6;
  }
  .text{
    margin: auto;
    font-size: 18px;
    font-weight: 400;
    color: #2D2D2D;
    line-height: 40px;
    padding: 30px 30px 0 30px;
    max-width: 1120px;
    text-indent: 2em;
  }
}
.num{
  img{
    width: 100%;
  }
}
</style>
